/*
 * @Author: zhangweixin 
 * @Date: 2018-12-03 17:43:25 
 * @Last Modified by: zhangweixin
 * @Last Modified time: 2018-12-07 17:00:08
 */
import React from 'react';
import style from './style.less';

export default function render(){
  const {filters,selectFilterType} = this.state;
  const navItem = (item,index)=>{
    return (
      <div className={style["order-nav-item"]} key={"order-nav-item-"+index} data-type={item.type} data-index={index} onClick={this.onNavBarClickHandler}>
        <div className={style["order-nav-item-text"]}>
          {item.label}
        </div>
        {item.type == selectFilterType?(
          <div className={style["order-nav-item-active-bottom"]}></div>
        ):("")}
        
      </div>
    )
  }
  const navItems = (
    <div className={style["order-nav-container"]}>
      {
        filters.map((item,index)=>{
          return navItem(item,index)
        })
      }
    </div>
  )
  return (
    <div className={style["P-order-list"]}>
      {navItems}
    ordeerList</div>
  )
}